  (function(window, undefined) {
    //匿名函数自调用

    function init(el) {
        let els = document.querySelectorAll(el); //这个els就值得是所以的div
        for (let i = 0; i < els.length; i++) {
            this[i] = els[i]; //将div绑定到jquer对象上，this就指的是jQuery对象
        }
        this.length = els.length;
      }

    let jQuery = function(el) {
      //这个el就值得是div
      return new init(el)
      console.log(new init(el));
      
    };

    // jQuery.prototype={//在jq原型上添加多个方法
    init.prototype={//在jq原型上添加多个方法
        css(cssName,cssVal){

            for(let i=0;i<this.length;i++){
                this[i].style[cssName]=cssVal
            }
            return this//返回这个this，后面才可以链试调用
        },
        attr(options) { },
        addClass(options) { },
    }

    // 给jQuery添加静态方法,改静态方法可以给init添加原型方法
    jQuery.extend=function(object){
        // object = { 方法名() { }, ...}
        for(let key in object){
            init.prototype[key]=object[key]
        }
    }

    window.jQuery = window.$ = jQuery; //把jquary赋值给全局
  })(window);

let jqObj=$('div')
console.log(jqObj);

jqObj.css('color', 'pink').css('background', 'green')

$.extend({
    bg() {

    }
})
